@import "../../../../../common/colors.scss";
@import "../../../../../mixins/utils.scss";
@import "../../../common/var.scss";

@include theme($theme){
    .main{
        .body{
            display: flex !important;
            top: 0;
            .body_header{
                width: $sidebar-width;
                background-color: $white;
                overflow: hidden !important;
            }
            .body_body{
                background-color: $grey200;
                height: auto;
                .body_bodys{
                    padding: 10px 10px 0 10px;
                }
            }
        }
        .foot{
            position: fixed;
            margin-left: $sidebar-width;
            width:calc(100vw - #{$sidebar-width});
            background-color: $white;
            height: $foot-height;
            line-height: $foot-height;
            bottom:0;
            -moz-box-shadow:0px -1px 5px $grey400;
            -webkit-box-shadow:0px -1px 5px $grey400;
            box-shadow:0px -1px 5px $grey400;
            div{
                font-family: 'Times New Roman', Times, serif;
                text-align:center;
                font-family: sans-serif;
                font-size: 12px;
                margin-right: 6px;
                color: $grey600;
            }
        }
    }
}